<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no" />
		<title>小米商城 - 小米10 Pro、Redmi K30 Pro、小米MIX Alpha，小米电视官方网站</title>
		<link rel="icon" href="img/ia_100000536.png" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/dpc.css" />

	</head>
	<body>
		<div class="father">
			<!-- 2.黑色导航栏 -->
			<div class="menu1">
				<div class="container">
				<div class="menu1_left">
					<ul>
						<li><a href="#">小米商城</a><span>&nbsp;|</span></li>
						<li><a href="#">MIUI</a><span>&nbsp;|</span></li>
						<li><a href="#">loT</a><span>&nbsp;|</span></li>
						<li><a href="#">云服务</a><span>&nbsp;|</span></li>
						<li><a href="#">金融</a><span>&nbsp;|</span></li>
						<li><a href="#">有品</a><span>&nbsp;|</span></li>
						<li><a href="#">小爱开放平台</a><span>&nbsp;|</span></li>
						<li><a href="#">企业团购</a><span>&nbsp;|</span></li>
						<li><a href="#">资质证照</a><span>&nbsp;|</span></li>
						<li><a href="#">协议规则</a><span>&nbsp;|</span></li>
						<li>
							<a href="#">下载app</a><span>&nbsp;|</span>
							<div class="download">
								<img src="img/ia_100000408.png" />
								<p>小米商城APP</p>
							</div>
							<div class="triangle"></div>
						</li>
						<li><a href="#">智能生活</a><span>&nbsp;|</span></li>
						<li><a href="#">Select Location</a></li>
					</ul>
				</div>
				<div class="menu1_right">
					<ul>
						<li style="width: 50px;margin-left: 40px; "><a href="#">登录</a><span>&nbsp;|</span></li>
						<li style="width: 50px;"><a href="#">注册</a><span>&nbsp;|</span></li>
						<li style="width: 50px; "><a href="#">消息通知</a></li>
					</ul>
				</div>
				<div class="shopping_car">
					<li>
						<a href="#"><i class="iconfont">&#xf0179;</i>&nbsp;&nbsp;购物车 (0)</a>
						<div class="cart">购物车中还没有商品，赶紧选购吧！</div>
					</li>
				</div>
				</div>
			</div>
			<div class="container">
				
				<!-- 3.白色导航栏 -->
				<div class="menu2">
					<div class="menu2_left">
						<a href="#"><img src="img/ia_100000536.png" style="border-radius: 20px;"
								onmouseover="this.src='img/ia_22.png'"
								onmouseout="this.src='img/ia_100000536.png'" /></a>
					</div>
					<div class="menu2_center">
						<ul>
							<li>
								<a href="#">小米手机</a>
								<div class="menu2_select">
									<div class="wrap">
										<div class="xiahua" style="padding-left: 10px;">
											<a href="#">
												<img src="img/ia_100000183.webp" />
												<p class="title">小米10至尊纪念版</p>
												<p class="price">5299元起</p>
											</a>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" style="border-right: 0px;" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
									</div>
								</div>
							</li>&nbsp;&nbsp;
							<li>
								<a href="#">Redmi红米</a>
								<div class="menu2_select">
									<div class="wrap">
										<div class="xiahua" style="padding-left: 10px;">
											<a href="#">
												<img src="img/ia_100000183.webp" />
												<p class="title">小米10至尊纪念版</p>
												<p class="price">5299元起</p>
											</a>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" style="border-right: 0px;" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
									</div>
								</div>
							</li>&nbsp;&nbsp;
							<li>
								<a href="#">电视</a>
								<div class="menu2_select">
									<div class="wrap">
										<div class="xiahua" style="padding-left: 10px;">
											<a href="#">
												<img src="img/ia_100000183.webp" />
												<p class="title">小米10至尊纪念版</p>
												<p class="price">5299元起</p>
											</a>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" style="border-right: 0px;" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
									</div>
								</div>
							</li>&nbsp;&nbsp;
							<li>
								<a href="#">笔记本</a>
								<div class="menu2_select">
									<div class="wrap">
										<div class="xiahua" style="padding-left: 10px;">
											<a href="#">
												<img src="img/ia_100000183.webp" />
												<p class="title">小米10至尊纪念版</p>
												<p class="price">5299元起</p>
											</a>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" style="border-right: 0px;" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
									</div>
								</div>
							</li>&nbsp;&nbsp;
							<li>
								<a href="#">家电</a>
								<div class="menu2_select">
									<div class="wrap">
										<div class="xiahua" style="padding-left: 10px;">
											<a href="#">
												<img src="img/ia_100000183.webp" />
												<p class="title">小米10至尊纪念版</p>
												<p class="price">5299元起</p>
											</a>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" style="border-right: 0px;" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
									</div>
								</div>
							</li>&nbsp;&nbsp;
							<li>
								<a href="#">路由器</a>
								<div class="menu2_select">
									<div class="wrap">
										<div class="xiahua" style="padding-left: 10px;">
											<a href="#">
												<img src="img/ia_100000183.webp" />
												<p class="title">小米10至尊纪念版</p>
												<p class="price">5299元起</p>
											</a>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" style="border-right: 0px;" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
									</div>
								</div>
							</li>&nbsp;&nbsp;
							<li>
								<a href="#">智能硬件</a>
								<div class="menu2_select">
									<div class="wrap">
										<div class="xiahua" style="padding-left: 10px;">
											<a href="#">
												<img src="img/ia_100000183.webp" />
												<p class="title">小米10至尊纪念版</p>
												<p class="price">5299元起</p>
											</a>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
										<div class="xiahua">
											<img src="img/ia_100000183.webp" style="border-right: 0px;" />
											<p class="title">小米10至尊纪念版</p>
											<p class="price">5299元起</p>
										</div>
									</div>
								</div>
							</li>&nbsp;&nbsp;
							<li><a href="#">服务</a></li>&nbsp;&nbsp;
							<li><a href="#">社区</a></li>
						</ul>
					</div>
					<div class="menu2_right">
						<li class="search">
							<input type="text" placeholder="小米10" id="input" />
							<button class="iconfont">&#xe718;</button>
							<div class="hot_word" id="word1">
								<!-- <span style="font-size: 14px; color: #757575;"></span> -->
							</div>
							<div class="hot_list">
								<div class="hot_list_1">
									<a href="#" style="font-size: 12px; color: #424242;">王一博同款手机</a>
								</div>
								<div class="hot_list_1">
									<a href="#" style="font-size: 12px; color: #424242;">王一博同款手机</a>
								</div>
								<div class="hot_list_1">
									<a href="#" style="font-size: 12px; color: #424242;">王一博同款手机</a>
								</div>
								<div class="hot_list_1">
									<a href="#" style="font-size: 12px; color: #424242;">王一博同款手机</a>
								</div>
								<div class="hot_list_1">
									<a href="#" style="font-size: 12px; color: #424242;">王一博同款手机</a>
								</div>
								<div class="hot_list_1">
									<a href="#" style="font-size: 12px; color: #424242;">王一博同款手机</a>
								</div>
								<div class="hot_list_1">
									<a href="#" style="font-size: 12px; color: #424242;">王一博同款手机</a>
								</div>
								<div class="hot_list_1">
									<a href="#" style="font-size: 12px; color: #424242;">王一博同款手机</a>
								</div>
							</div>
						</li>
					</div>
					<!-- <div class="sousuo"><img src="img/ia_18.PNG" width="100%" height="100%"/></div> -->

				</div>
				<!-- 4.轮播图 -->
				<div class="lunbo">
					<div class="wrap">
						<div class="lunbo_box">
							<div class="lunbo_img">
								<a href="#"><img src="img/1.webp" id="img" width="100%" height="100%" /></a>
								<div id="left">&lt;</div>
								<div id="right">&gt;</div>
								<ul>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
									<li></li>
								</ul>
							</div>
							<div class="hdm">
								<ul>
									<li>
										<a href="#">手机 电话卡<i class="iconfont">&#xe635;</i></a>
										<div class="hdm_hidden">
											<ul>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
												<li>
													<a href="#">
														<img src="img/ia_100003540.png" />
														<span>小米10至尊纪念版</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li><a href="#">电视 盒子<i class="iconfont">&#xe635;</i></a></li>
									<li><a href="#">笔记本 显示器<i class="iconfont">&#xe635;</i></a></li>
									<li><a href="#">家电 插线板<i class="iconfont">&#xe635;</i></a></li>
									<li><a href="#">出行 穿戴<i class="iconfont">&#xe635;</i></a></li>
									<li><a href="#">智能 路由器<i class="iconfont">&#xe635;</i></a></li>
									<li><a href="#">电源 配件<i class="iconfont">&#xe635;</i></a></li>
									<li><a href="#">健康 儿童<i class="iconfont">&#xe635;</i></a></li>
									<li><a href="#">耳机 音响<i class="iconfont">&#xe635;</i></a></li>
									<li><a href="#">生活 箱包<i class="iconfont">&#xe635;</i></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>

				<!-- 分类 -->
				<div id="kind">
					<div id="kind1">
						<div class="kind2">
							<a href="#" style=" font-size: 2px;">
								<i class="iconfont">&#xe6be;</i><br />
								<span>小米秒杀</span>
							</a>
						</div>
						<div class="kind2">
							<a href="#" style=" font-size: 2px;">
								<i class="iconfont">&#xe646;</i><br />
								<span>企业团购</span>
							</a>
						</div>
						<div class="kind2">
							<a href="#" style=" font-size: 2px;">
								<i class="iconfont">&#xe6be;</i><br />
								<span>F码通道</span>
							</a>
						</div>
						<div class="kind2">
							<a href="#" style=" font-size: 2px;">
								<i class="iconfont">&#xe733;</i><br />
								<span>米粉卡</span>
							</a>
						</div>
						<div class="kind2">
							<a href="#" style=" font-size: 2px;">
								<i class="iconfont">&#xe60a;</i><br />
								<span>以旧换新</span>
							</a>
						</div>
						<div class="kind2">
							<a href="#" style=" font-size: 2px;">
								<i class="iconfont">&#xe60a;</i><br />
								<span>话费充值</span>
							</a>
						</div>
					</div>
					<div class="kind1">
						<a href="#"><img src="img/ia_100000239.jpg" width="100%" height="100%" /></a>
					</div>
					<div class="kind1">
						<a href="#"><img src="img/ia_100000240.jpg" width="100%" height="100%" /></a>
					</div>
					<div class="kind1">
						<a href="#"><img src="img/ia_100000241.jpg" width="100%" height="100%" /></a>
					</div>
				</div>
				<div class="body">
					<div class="advertisement">
						<img src="img/ia_100000295.webp" style="width: 97%;height: 100%;">
					</div>
					<div class="phone_nav">
						<p style="font-size: 22px;font-weight: 100;margin-left: 20px;">手机</p>
						<div style="font-size: 18px;margin-right: 20px;">
							<p style="font-size: 18px;float: left;">查看更多</p>
							<img src="img/1111.PNG" width="30px" height="35px" style="margin-top: -5px;">
						</div>
					</div>
					<div class="phone">
						<div class="phone_left">
							<img src="img/ia_13.PNG" width="100%" height="100%">
						</div>
						<div class="phone_right">
							<ul class="phone_right_ul">
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
							</ul>
						</div>
					</div>

					<!-- 家电 -->
					<div class="phone_nav" style="margin-top: 20px;">
						<p style="font-size: 22px;font-weight: 100;margin-left: 20px;">家电</p>
						<div style="font-size: 18px;margin-right: 25px;">
							<p
								style="font-size: 18px;float: left;margin-right: 30px;color: orangered;border-bottom: 2px solid orangered;">
								热门</p>
							<p style="font-size: 18px;float: left;display: inline;">电视影音</p>
						</div>
					</div>
					<div class="phone">
						<div class="phone_left">
							<div>
								<img src="img/ia_100000297.webp" width="234px" height="285px">
							</div>
							<div>
								<img src="img/ia_100000297.webp" width="234px" height="285px" style="margin-top: 20px;">
							</div>
						</div>
						<div class="phone_right">
							<ul class="phone_right_ul">
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
							</ul>

						</div>
					</div>
					<!-- 智能 -->
					<div class="phone_nav" style="margin-top: 20px;">
						<p style="font-size: 22px;font-weight: 100;margin-left: 20px;">智能</p>
						<div style="font-size: 18px;margin-right: 25px;">
							<p
								style="font-size: 18px;float: left;margin-right: 30px;color: orangered;border-bottom: 2px solid orangered;">
								热门</p>
							<p style="font-size: 18px;float: left;margin-right: 30px;">安防</p>
							<p style="font-size: 18px;float: left;display: inline;">出行</p>
						</div>
					</div>
					<div class="phone">
						<div class="phone_left">
							<div>
								<img src="img/ia_100000297.webp" width="234px" height="285px">
							</div>
							<div>
								<img src="img/ia_100000297.webp" width="234px" height="285px" style="margin-top: 20px;">
							</div>
						</div>
						<div class="phone_right">
							<ul class="phone_right_ul">
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
							</ul>



						</div>
					</div>
					<!-- 搭配 -->
					<div class="phone_nav" style="margin-top: 20px;">
						<p style="font-size: 22px;font-weight: 100;margin-left: 20px;">搭配</p>
						<div style="font-size: 18px;margin-right: 25px;">
							<p
								style="font-size: 18px;float: left;margin-right: 30px;color: orangered;border-bottom: 2px solid orangered;">
								热门</p>
							<p style="font-size: 18px;float: left;display: inline;">耳机音箱</p>
						</div>
					</div>
					<div class="phone">
						<div class="phone_left">
							<div>
								<img src="img/ia_100000297.webp" width="234px" height="285px">
							</div>
							<div>
								<img src="img/ia_100000297.webp" width="234px" height="285px" style="margin-top: 20px;">
							</div>
						</div>
						<div class="phone_right">

							<ul class="phone_right_ul">
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
								<li class="phone_right_li">
									<img src="img/ia_100000183.webp" width="100%" height="160px"
										style="margin-top: 20px;margin-bottom: 20px;">
									<p style="margin-top: -8px;">Note 10 Pro</p>
									<p style="color: #B0B0B0;font-size: 12px;margin: 5px 0 8px 0;">天机1100年度旗舰芯</p>
									<p style="display: inline;font-size: 14px;color: orangered;">1599元起</p>&nbsp;
									<p
										style="display: inline;color: #B0B0B0;font-size: 14px;text-decoration:line-through;">
										1699元</p>
								</li>
							</ul>


						</div>
					</div>
					<div class="advertisement">
						<img src="img/ia_100000295.webp" style="width: 96%;height: 100%;">
					</div>
					<div class="phone_nav">
						<p style="font-size: 22px;font-weight: 100;margin-left: 20px;">手机</p>
						<div style="font-size: 18px;margin-right: 20px;">
							<p style="font-size: 18px;float: left;">查看全部</p>
							<img src="img/1111.PNG" width="30px" height="35px" style="margin-top: -5px;">
						</div>
					</div>
					<div class="video">
						<div class="one_video">
							<img src="img/333.PNG" width="100%">
							<p style="margin-top: 20px;">2021年春季新品发布会第一场</p>
						</div>
						<div class="one_video">
							<img src="img/333.PNG" width="100%">
							<p style="margin-top: 20px;">2021年春季新品发布会第一场</p>
						</div>
						<div class="one_video">
							<img src="img/333.PNG" width="100%">
							<p style="margin-top: 20px;">2021年春季新品发布会第一场</p>
						</div>
						<div class="one_video">
							<img src="img/333.PNG" width="100%">
							<p style="margin-top: 20px;">2021年春季新品发布会第一场</p>
						</div>
					</div>
					<!-- 视频 -->

				</div>
				
				
				
		</div>
		<div class="footer">
			<img src="img/444.PNG" width="96%">
		</div>
		<div class="bottom">
			<img src="img/555.PNG" width="96%" height="100%">
		</div>
		</div>
		</div>


		</div>



		<script type="text/javascript">
			// 搜索框中文字循环

			var inputValue = document.getElementById("input");
			var valueArr = ['小米10', '小米笔记本', '小米台式净水机', '出行', '电视', '个护'];
			var count = 0;
			setInterval(() => {
				if (count != valueArr.length) {
					inputValue.setAttribute('placeholder', valueArr[count]);
					count++
				} else {
					count = 0;
				}
			}, 2000)
			// 轮播图

			var link = document.querySelector('.lubob_img a');
			var img = document.querySelector('.lunbo_img img');
			var box = document.querySelector('.lunbo_img');
			var left = document.getElementById('left');
			var right = document.getElementById('right');
			var imgArr = ['1.webp', '2.webp', '3.webp', '4.webp', '5.webp', '6.webp'];
			var li = document.querySelectorAll('.lunbo_img li');

			var index = 0;

			function change() {
				img.src = 'img/' + imgArr[index];
				//动的时候 下标样式也变化
				for (let i = 0; i < li.length; i++) {
					// if (index === i) {
					//     li[index].className='liMove'
					// }else {
					//     li[i].className=''
					// }
					li[i].className = ''
				}
				li[index].className = 'liMove';
				// link.href='img/'+index+'.html';
			}
			//定义自动切换
			//定时器跳转 定义自动切换
			var timer = setInterval(nextImg, 3000)

			function nextImg() {
				index++;
				if (index === imgArr.length) {
					index = 0;
				}
				//img.src = 'images/' + imgArr[index];
				change();
			}

			//右键
			right.onclick = next;

			function next() {
				//切换最小
				index++;
				if (index >= 6) {
					index = 0;
				}
				change();
			}
			//左键
			left.onclick = last;

			function last() {
				index--;
				//切换最大
				if (index < 0) {
					index = imgArr.length - 1;
				}
				change()
			}

			//鼠标移入暂停 左右并显示出来
			box.onmouseover = function() {
				clearTimeout(timer);
				left.style.display = 'block';
				right.style.display = 'block';

			};
			//移走继续
			box.onmouseout = function() {
				timer = setInterval(nextImg, 3000);
				left.style.display = 'none';
				right.style.display = 'none';
			};

			//给li加鼠标移入事件

			for (let i = 0; i < li.length; i++) {
				li[i].id = i;
				li[i].onmouseover = function() {
					// li[i].className = '';
					// img.src = 'images/' + imgArr[i];
					// li[i].className = 'liMove';
					index = this.id
					change()
				};
				// li[i].onmouseout = function () {
				//     li[i].className = '';
				// }
			}
			// 计时器
			var oTimes = document.getElementById('times');
			var spans = oTimes.getElementsByTagName('span');
			// 结束时间
			var endTime = new Date('2021/11/05 00:00:00');
			timer = setInterval(countTime, 1000);
			var timer = null;
			clearInterval(timer);

			function countTime() {

				// 当前时间
				var nowTime = new Date();
				// 时间差
				var lastTiam = parseInt((endTime - nowTime) / 1000);

				if (lastTiam >= 0) {
					// var day = parseInt(lastTiam/60/60/24);
					var hour = parseInt(lastTiam / 60 / 60 % 24);
					var min = parseInt(lastTiam / 60 % 60);
					var sec = parseInt(lastTiam % 60);

					// spans[0].innerHTML = day;
					spans[0].innerHTML = hour;
					spans[1].innerHTML = min;
					spans[2].innerHTML = sec;
					// console.log(day);
					// console.log(hour);
					// console.log(min);
					// console.log(sec);
				} else {
					clearInterval(timer);
				}

			}

			//左右循环
			var index1 = 0;

			function goLeft() {
				var swiper = document.getElementById("swiper");
				if (index1 == 1) {
					swiper.style.transform = "translateX(0)";
					index1--
				}
			}

			function goRight() {
				var swiper = document.getElementById("swiper");
				if (index1 == 0) {
					swiper.style.transform = "translateX(-990px)";
					index1++
				}
			}
		</script>


	</body>
</html>
